.home-container {
    // background-color: #fff;
    padding-bottom: 240px;
}

.home-wrapper-box {
    background-color: $white;
}

// 用户信息区域
.user-info {
    background: linear-gradient(135deg, #ff9f7f, #ff7a59);
    padding: 95px 30px 0px;
    color: #fff;
    border-radius: 0 0 30px 30px;
}

// 疫苗提醒
.vaccine-reminder {
    margin: 30px 40px;
    background-color: #fff9e6;
    border-left: 6px solid #ffcc66;
    border-radius: 16px;
    padding: 30rpx 30px 30rpx 20rpx;
    display: flex;
    align-items: center;

    .carrot-icon {
        margin-right: 20px;
    }

    .reminder-text {
        font-size: $font-sm;
        font-weight: bold;
        color: #333;

        .reminder-date {
            font-size: $font-mini;
            color: #666;
            margin-top: 10px;
            display: block;
        }
    }
}

// 功能导航
.feature-nav {
    display: flex;
    justify-content: space-around;
    padding: 40px;

    .feature-item {
        display: flex;
        flex-direction: column;
        align-items: center;

        .feature-icon {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-color: #f5f5f5;
            margin-bottom: 15px;
            .feature-icon-img {
                width: 50px;
                height: 50px;
            }
        }

        text {
            color: #333;
        }
    }
}

// 宠物动态
.pet-moments {
    // margin: 0 40px;

    .moments-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: $white;
        padding: 30px 40px;
        margin-top: 20px;

        .section-title {
            font-size: $font-sm;
            font-weight: bold;
        }

        .view-all {
            color: $primary;
        }
    }
    .moments-content {
        @include border-1px($border-color, top);
    }
}